<!--
  ~ Copyright 2019 ABSA Group Limited
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  ~ you may not use this file except in compliance with the License.
  ~ You may obtain a copy of the License at
  ~
  ~     http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  -->
<div *ngIf="(getExecutionPlanVM() | async )" class="execution-details">
    <h3 class="text-center"> Execution Plan : {{ (getExecutionPlanVM() | async )?.executionPlan.extra.appName }}</h3>
    <br />
    <div>
        <p>
            <strong>System Info:</strong>
            {{ (getExecutionPlanVM() | async )?.executionPlan.systemInfo.name }}
            {{ (getExecutionPlanVM() | async )?.executionPlan.systemInfo.version }}
        </p>
        <p>
            <strong>Agent Info:</strong>
            {{ (getExecutionPlanVM() | async )?.executionPlan.agentInfo.name }}
            {{ (getExecutionPlanVM() | async )?.executionPlan.agentInfo.version }}
        </p>
        <p>
            <strong>Input Sources:</strong>
        </p>
        <ul *ngFor="let input of (getExecutionPlanVM() | async )?.executionPlan.inputs">
            <p>
                <strong>URI:</strong> {{ input.source }}
                <br />
                <strong>Type:</strong> {{ input.sourceType }}
            </p>
        </ul>
        <p>
            <strong>Output Source:</strong>
        </p>
        <ul>
            <p>
                <strong>URI:</strong> {{ (getExecutionPlanVM() | async )?.executionPlan.output.source }}
                <br />
                <strong> Type: </strong>
                {{ (getExecutionPlanVM() | async )?.executionPlan.output.sourceType }}
            </p>
        </ul>
    </div>
</div>
